
<script type="text/javascript">

    $(document).ready(function(){        
      obtener_Nombre();
      cargar_Display();
      function $(id) { return document.getElementById(id); }
        onload = function() {
            $('rngPersonal').oninput = function() { $('presentacion').value = this.value; };
            $('rngPersonal').oninput();
            $('rngSugeridos').oninput = function() { $('sugerido').value = this.value; };
            $('rngSugeridos').oninput();
            $('rngVisita').oninput = function() { $('visita').value = this.value; };
            $('rngVisita').oninput();
            $('rngRotacion').oninput = function() { $('rotacion').value = this.value; };
            $('rngRotacion').oninput();
            $('rngAmbientacion').oninput = function() { $('ambientacion').value = this.value; };
            $('rngAmbientacion').oninput();
            $('rngLlenado').oninput = function() { $('llenado').value = this.value; };
            $('rngLlenado').oninput();
            $('rngFaltante').oninput = function() { $('faltante').value = this.value; };
            $('rngFaltante').oninput();
            $('rngLimpieza').oninput = function() { $('limpieza').value = this.value; };
            $('rngLimpieza').oninput();       


        };
    }); 
    
    function cargar_Display()
    {       
        var accion='cargarDisplay';
        $.get("controladores/ajaxControlador.php",{accion:accion},function(resultado){
            if(resultado == false)
            {
                alert("Error cargar_Display");
            }
            else
            {  
                $('#cmbDisplay').append(resultado);   
                var comboDisplay=document.getElementById("cmbDisplay");
                comboDisplay[0].selected =true;
                
                $('#cmbDisplay2').append(resultado);   
                var comboDisplay=document.getElementById("cmbDisplay2");
                comboDisplay[0].selected =true;
            }
        });
    }
    function cargarDatosDisplay()
    {    
        $('#bodyEvaluacion').each(function() {
            $(this).empty();
        });
        var accion='cargarDatosDisplay';
        var IdDisplay= $('#cmbDisplay2').val();  
        $.get("controladores/ajaxControlador.php",{accion:accion,IdDisplay:IdDisplay},function(resultado){
            if(resultado == false)
            {
                alert("Error cargar_Facturas_tipo");
            }
            else
            {  
                $('#bodyEvaluacion').append(resultado);
            }            
        });
    }
    
</script>

<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li><a href="index.php?accion=MenuSupervisor">Men&uacute; supervisor</a> <span class="divider">&raquo;</span></li>
    <li class="active">Evalua display</li>
</ul>

<div class="grid">

    <!-- ===================================== END HEADER ===================================== -->
    <!-- Tabs Center -->
    <ul class="tabs left">
        <li><a href="#tabc1"><i class="icon-folder-open"></i>General</a></li>
        <li><a href="#tabc2"><i class="icon-folder-open"></i>Servicio</a></li>
        <li><a href="#tabc3"><i class="icon-folder-open"></i>Log&iacute;stica</a></li>
    </ul>
<form action="index.php?accion=agregarEvaluacionDisplay&controlador=supervisor" method="post" id="frmDisplay" name="frmEvaluaDisplay" onSubmit="">	
    <div id="tabc1" class="tab-content">
         
            <div class="col_12">
                <div class="col_12">
                    <h3><strong>Selecci&oacute;n de Envio</strong></h3>

                    <label for="cliente">Cliente:</label>
                    <input disabled type="text" name="cliente" id="cliente" placeholder="Cliente" autocomplete="on" tabindex="1" class="txtinput">
                    <br/>
                    <label for="contacto">Contacto:</label>
                    <input type="text" name="contacto" id="contacto" placeholder="Contacto" autocomplete="on" tabindex="2" class="txtinput" value="<?php echo $_SESSION['IdCliente']?>">
                    <br/>
                    <section id="sectionDisplay">
                        <label for="seleccionDisplay">Display:</label>
                        <select id="cmbDisplay" name="cmbDisplay" tabindex="3" class="selmenu">
                            <option value="0">Seleccione Uno...</option>
                        </select>
                    </section>
                    <br/>

                    <div class="col_2">
                        <section id="rdbConocimientoLogistica">
                            <label for="conocimientoLogistica">Conocimiento Log&iacute;stica:</label>
                            <div class="iphone-toggle-buttons">
                                <label for="checkbox-0"><input type="checkbox" name="checkbox-0" id="checkbox-0" /><span>checkbox 0</span></label>
                            </div>

                        </section>
                    </div>

                    <div class="col_4">
                        <label for="presentacion">Presentaci&oacute;n Personal:</label>
                        <input type="range" id="rngPersonal" />
                        <input type="number" name="presentacion" id="presentacion"  autocomplete="off" max="100"min="0" value="100" tabindex="5" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
                    </div>
                    <div class="col_4">
                        <label for="sugeridos">Realiza Sugeridos:</label>
                        <input type="range" id="rngSugeridos" />
                        <input type="number" name="sugerido" id="sugerido"  autocomplete="off" max="100" min="0"value="100" tabindex="6" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
                    </div>
                    <div class="col_4">
                        <label for="visita">Frecuencia Visita:</label>
                        <input type="range" id="rngVisita" />
                        <input type="number" name="visita" id="visita"  autocomplete="off" max="100" min="0" value="100" tabindex="7" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
                    </div>
                    <br/>
                </div>             
            </div>
        
    </div>
    <div id="tabc2" class="tab-content">
        <div class="col_12">
            <h4 style="color:#999;margin-bottom:40px;" class="center">Revisi&oacute;n de Planta</h4>
            <div class="col_4">
                <label for="rotacion">Rotaci&oacute;n:</label>
                <input type="range" id="rngRotacion" />
                <input type="number" name="rotacion" id="rotacion"  autocomplete="off" max="100" min="0" value="100" tabindex="9" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
            </div>
            <div class="col_4">
                <label for="ambientacion">Ambientaci&oacute;n:</label>
                <input type="range" id="rngAmbientacion" />
                <input type="number" name="ambientacion" id="ambientacion"  autocomplete="off" max="100" min="0" value="100" tabindex="10" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
            </div>
            <div class="col_4">
                <label for="llenado">Llenado:</label>
                <input type="range" id="rngLlenado" />
                <input type="number" name="llenado" id="llenado"  autocomplete="off" max="100" value="100" min="0" tabindex="10" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
            </div>
            <div class="col_4">
                <label for="faltante">Cero Faltante:</label>
                <input type="range" id="rngFaltante" />
                <input type="number" name="faltante" id="faltante"  autocomplete="off" max="100" min="0" value="100" tabindex="10" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
            </div>
            <div class="col_4">
                <label for="limpieza">Cero Faltante:</label>
                <input type="range" id="rngLimpieza" />
                <input type="number" name="limpieza" id="limpieza"  autocomplete="off" max="100" min="0" value="100" tabindex="11" class="txtinput" style="width:50px;height:23px;font-weight:bold;">
            </div>
            <br style="clear:both;"/>
            <section id="buttons" class="center">
                <input type="submit" name="submit" id="submitbtn" class="blue" tabindex="12" value="Finalizar Evaluaci&oacute;n">
                <br style="clear:both;"/>
            </section>
        </div>
    </div><!--Tab 2 end-->
</form>
    <div id="tabc3" class="tab-content">
                    <section id="sectionDisplay2">
                        <label for="seleccionDisplay2">Display:</label>
                        <select id="cmbDisplay2" name="cmbDisplay2" tabindex="3" onchange="cargarDatosDisplay()" class="selmenu">
                            <option value="0">Seleccione Uno...</option>
                        </select>
                    </section>
                    <br/>
                    <div class="col_12">
    
    
                
                    <div class="tab-pane active" id="demo">
                        
                        <p>
                            Busqueda: <input id="filter" type="text"/>
                            Estado:
                            <select class="filter-status">
                                <option></option>
                                <option value="active">Active</option>
                                <option value="disabled">Disabled</option>
                                <option value="suspended">Suspended</option>
                            </select>
                            <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                            <span class="row-count"></span>
                        </p>
                        <table  class="table demo" data-filter="#filter" data-page-size="5">
                                            <thead>
                                                <tr>
                                                <th data-toggle="true">
                                                    T&iacute;po
                                                </th>
                                                <th data-toggle="true">
                                                    Lunes
                                                </th>
                                                <th data-toggle="true">
                                                    Martes
                                                </th>
                                                <th data-toggle="true">
                                                    Mi&eacute;rcoles
                                                </th>
                                                <th data-toggle="true">
                                                    Jueves
                                                </th>
                                                <th data-toggle="true">
                                                    Viernes
                                                </th>
                                                <th data-toggle="true">
                                                    S&aacute;bado
                                                </th>
                                                <th data-toggle="true">
                                                    Domingo
                                                </th>
                                                <th data-toggle="true">
                                                    Comentario
                                                </th>
                                                </tr>
                                            </thead>
                                            <tbody id="bodyEvaluacion">
                                            
                                            </tbody>
                                            <tfoot class="hide-if-no-paging">
                                            <tr>
                                                <td colspan="12">
                                                    <div class="pagination pagination-centered"></div>
                                                </td>
                                            </tr>
                                            </tfoot>
                                    </table> 
                    </div>
	</div>
    </div><!--Tab 3 end-->
</div>